<template>
	<view>
		<view class="row">
            <view class="mod mod-discount">
                <view class="hd clearfix1">
                    <h2>房象优惠</h2>
                </view>
                <view class="bd">
                    <ul class="discount-area">
                        <!-- <view>
							<image src=""></image>
							
						</view> -->
						
						<li v-for="(item,index) in jdata" :key="index" class="click_open_layer">
                            
							<view href="javascript:void(0)" class="btn-know common-call">
                                <view class="discounts-cont2">
                                    <view style="float: left;">
                                        <p class="name">{{item.name}}</p>
                                        <view class="wrapper mar">
                                            <view class="inner">
                                                <p class="txt">￥{{item.price}}</p>
                                            </view>
                                        </view>
                                        <view class="wrapper">
                                            <view class="inner">
                                                <p class="txt2">{{item.start_time_page}} 至 {{item.end_time_page}} 使用</p>
                                            </view>
                                        </view>
                                    </view>
                                    <view class="wrapper-right">
                                        <view>已抢</view>
                                        <view>{{item.rob}}</view>
                                    </view>
                                </view>
                            </view>
							<image :src="item.image"></image>
                        </li>

                        <!-- <li class="click_open_layer back" >
                            <view href="javascript:void(0)" class="btn-know common-call">
                                <view class="discounts-cont2">
                                    <view style="float: left;">
                                        <p class="name">购房优惠券</p>
                                        <view class="wrapper mar">
                                            <view class="inner">
                                                <p class="txt">￥500</p>
                                            </view>
                                        </view>
                                        <view class="wrapper">
                                            <view class="inner">
                                                <p class="txt2">2020-06-06至2020-8-30使用</p>
                                            </view>
                                        </view>
                                    </view>
                                    <view class="wrapper-right">
                                        <view>已抢</view>
                                        <view>85%</view>
                                    </view>
                                </view>
                            </view>
                        </li> -->

                    </ul>
                </view>
            </view>
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props: {
			jdata:{
				// type: Array,
				required: true,
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
*{
	margin: 0;
	padding: 0;
	list-style: none;
}
	.row{
		/* height: 32.8rem; */
		background: #fff;
		margin-top: 20rpx;
	}
	.mod{
		width: 188rpx;
	}
	.hd{
		width: 750rpx;
		height: 56rpx;
		margin-left: 40rpx;
		margin-bottom: 20rpx;
		padding-top: 40rpx;
	}
	.bd{
		/* height:20.6rem; */
		width:668rpx;
		margin-top: 100rpx;
		margin-left: 40rpx;
	}
	.click_open_layer{
		height: 186rpx;
		position: relative;
		/* background: url("../../../static/img00/yhj.png") no-repeat;
		background-size: 33.4rem 9rem; */
		color: #fff;
	}
	
	.click_open_layer image{
		width:668rpx;
		height:186rpx;
	}
	
	.back{
		height: 186rpx;
		/* background: url("../../../static/img00/yhj1.png") no-repeat; */
		background-size: 668rpx 180rpx;
		margin-top: 40rpx;
	}
	.btn-know{
		position: absolute;
		margin-left: 40rpx;
		z-index: 20;
	}
	.name{
		font-size: 44rpx;
		margin: 20rpx 44rpx 0 0;
		font-weight: 550;
	}
	.txt{
		font-size: 36rpx;
	}
	.txt2{
		font-size: 24rpx;
	}

	.wrapper-right{
		float: left;
		font-size: 24rpx;
		margin-left: 490rpx;
		margin-top: -120rpx;
	}

</style>
